<div class="row-fluid">
	<div class="span6">
		<div class="widget-box transparent" id="recent-box">
			<div class="widget-header">
				<h4 class="lighter smaller">
					<i class="icon-rss orange"></i>
					Trnjanska cesta 59
				</h4>
				
				<div class="widget-toolbar no-border">
					<ul class="nav nav-tabs" id="recent-tab">
						<li class="active">
							<a data-toggle="tab" href="#plin-tab">Plin</a>
						</li>

						<li>
							<a data-toggle="tab" href="#member-tab">Voda</a>
						</li>

						<li>
							<a data-toggle="tab" href="#comment-tab">Struja</a>
						</li>
					</ul>
				</div>
				<div class="widget-toolbar">
					<a data-action="collapse" href="#">
						<i class="icon-chevron-down"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main padding-4">
					<div class="tab-content padding-8">
						<div id="plin-tab" class="tab-pane active">
							<div id="piechart-placeholder"></div>
						</div>

						<div id="member-tab" class="tab-pane">
							<div class="clearfix">
								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/user.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">20 min</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Joe Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">1 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Jim Doe's avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jim Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alex Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alex Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 hour</span>
										</div>

										<div>
											<span class="label label-important">blocked</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 hour</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Susan's avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Susan</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">yesterday</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Phil Doe's avatar" src="themes/images/avatar4.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Phil Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 days ago</span>
										</div>

										<div>
											<span class="label label-info arrowed-in  arrowed-in-right">online</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alexa Doe's avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alexa Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 days ago</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>
							</div>

							<div class="center">
								<i class="icon-group icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all members &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div><!--member-tab-->

						<div id="comment-tab" class="tab-pane">
							<div class="comments">
								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Bob Doe's Avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<div class="inline position-relative">
											<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
												<i class="icon-angle-down icon-only bigger-120"></i>
											</button>

											<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
												<li>
													<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="left">
														<span class="green">
															<i class="icon-ok"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="left">
														<span class="orange">
															<i class="icon-remove"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
														<span class="red">
															<i class="icon-trash"></i>
														</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Jennifer's Avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jennifer</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="blue">15 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Joe's Avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="orange">22 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Rita's Avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Rita</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="red">50 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="hr hr8"></div>

							<div class="center">
								<i class="icon-comments-alt icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all comments &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div>
					</div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->
	<div class="span6">
		<div class="widget-box transparent" id="recent-box">
			<div class="widget-header">
				<h4 class="lighter smaller">
					<i class="icon-rss orange"></i>
					RECENT
				</h4>
				
				<div class="widget-toolbar no-border">
					<ul class="nav nav-tabs" id="recent-tab">
						<li class="active">
							<a data-toggle="tab" href="#task-tab">Tasks</a>
						</li>

						<li>
							<a data-toggle="tab" href="#member-tab">Members</a>
						</li>

						<li>
							<a data-toggle="tab" href="#comment-tab">Comments</a>
						</li>
					</ul>
				</div>
				<div class="widget-toolbar">
					<a data-action="collapse" href="#">
						<i class="icon-chevron-down"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main padding-4">
					<div class="tab-content padding-8">
						<div id="task-tab" class="tab-pane active">
							<h4 class="smaller lighter green">
								<i class="icon-list"></i>
								Sortable Lists
							</h4>

							<ul id="tasks" class="item-list">
								<li class="item-orange">
									<label class="inline">
										<input type="checkbox"/>
										<span class="lbl"> Answering customer questions</span>
									</label>

									<div class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
										<span class="percent">42</span>%
									</div>
								</li>

								<li class="item-red">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Fixing bugs</span>
									</label>

									<div class="pull-right">
										<div class="btn-group">
											<button class="btn btn-mini btn-info">
												<i class="icon-edit bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-danger ">
												<i class="icon-trash bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-yellow">
												<i class="icon-flag bigger-125"></i>
											</button>
										</div>
									</div>
								</li>

								<li class="item-default">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new features</span>
									</label>

									<div class="inline pull-right position-relative">
										<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
											<i class="icon-angle-down icon-only bigger-120"></i>
										</button>

										<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-closer">
											<li>
												<a href="#" class="tooltip-success" data-rel="tooltip" title="Mark&nbsp;as&nbsp;done" data-plw8ment="left">
													<span class="green">
														<i class="icon-ok"></i>
													</span>
												</a>
											</li>

											<li>
												<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
													<span class="red">
														<i class="icon-trash"></i>
													</span>
												</a>
											</li>
										</ul>
									</div>
								</li>

								<li class="item-blue">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Upgrading scripts used in template</span>
									</label>
								</li>

								<li class="item-grey">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new skins</span>
									</label>
								</li>

								<li class="item-green">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Updating server software up</span>
									</label>
								</li>

								<li class="item-pink">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Cleaning up</span>
									</label>
								</li>
							</ul>
						</div>

						<div id="member-tab" class="tab-pane">
							<div class="clearfix">
								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/user.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">20 min</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Joe Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">1 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Jim Doe's avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jim Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alex Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alex Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 hour</span>
										</div>

										<div>
											<span class="label label-important">blocked</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 hour</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Susan's avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Susan</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">yesterday</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Phil Doe's avatar" src="themes/images/avatar4.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Phil Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 days ago</span>
										</div>

										<div>
											<span class="label label-info arrowed-in  arrowed-in-right">online</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alexa Doe's avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alexa Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 days ago</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>
							</div>

							<div class="center">
								<i class="icon-group icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all members &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div><!--member-tab-->

						<div id="comment-tab" class="tab-pane">
							<div class="comments">
								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Bob Doe's Avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<div class="inline position-relative">
											<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
												<i class="icon-angle-down icon-only bigger-120"></i>
											</button>

											<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
												<li>
													<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="left">
														<span class="green">
															<i class="icon-ok"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="left">
														<span class="orange">
															<i class="icon-remove"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
														<span class="red">
															<i class="icon-trash"></i>
														</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Jennifer's Avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jennifer</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="blue">15 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Joe's Avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="orange">22 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Rita's Avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Rita</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="red">50 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="hr hr8"></div>

							<div class="center">
								<i class="icon-comments-alt icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all comments &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div>
					</div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->
</div><!--/row-fluid-->
<div class="row-fluid">
	<div class="span6">
		<div class="widget-box transparent" id="recent-box">
			<div class="widget-header">
				<h4 class="lighter smaller">
					<i class="icon-rss orange"></i>
					RECENT
				</h4>
				
				<div class="widget-toolbar no-border">
					<ul class="nav nav-tabs" id="recent-tab">
						<li class="active">
							<a data-toggle="tab" href="#task-tab">Tasks</a>
						</li>

						<li>
							<a data-toggle="tab" href="#member-tab">Members</a>
						</li>

						<li>
							<a data-toggle="tab" href="#comment-tab">Comments</a>
						</li>
					</ul>
				</div>
				<div class="widget-toolbar">
					<a data-action="collapse" href="#">
						<i class="icon-chevron-down"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main padding-4">
					<div class="tab-content padding-8">
						<div id="task-tab" class="tab-pane active">
							<h4 class="smaller lighter green">
								<i class="icon-list"></i>
								Sortable Lists
							</h4>

							<ul id="tasks" class="item-list">
								<li class="item-orange">
									<label class="inline">
										<input type="checkbox"/>
										<span class="lbl"> Answering customer questions</span>
									</label>

									<div class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
										<span class="percent">42</span>%
									</div>
								</li>

								<li class="item-red">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Fixing bugs</span>
									</label>

									<div class="pull-right">
										<div class="btn-group">
											<button class="btn btn-mini btn-info">
												<i class="icon-edit bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-danger ">
												<i class="icon-trash bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-yellow">
												<i class="icon-flag bigger-125"></i>
											</button>
										</div>
									</div>
								</li>

								<li class="item-default">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new features</span>
									</label>

									<div class="inline pull-right position-relative">
										<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
											<i class="icon-angle-down icon-only bigger-120"></i>
										</button>

										<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-closer">
											<li>
												<a href="#" class="tooltip-success" data-rel="tooltip" title="Mark&nbsp;as&nbsp;done" data-plw8ment="left">
													<span class="green">
														<i class="icon-ok"></i>
													</span>
												</a>
											</li>

											<li>
												<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
													<span class="red">
														<i class="icon-trash"></i>
													</span>
												</a>
											</li>
										</ul>
									</div>
								</li>

								<li class="item-blue">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Upgrading scripts used in template</span>
									</label>
								</li>

								<li class="item-grey">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new skins</span>
									</label>
								</li>

								<li class="item-green">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Updating server software up</span>
									</label>
								</li>

								<li class="item-pink">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Cleaning up</span>
									</label>
								</li>
							</ul>
						</div>

						<div id="member-tab" class="tab-pane">
							<div class="clearfix">
								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/user.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">20 min</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Joe Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">1 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Jim Doe's avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jim Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alex Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alex Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 hour</span>
										</div>

										<div>
											<span class="label label-important">blocked</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 hour</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Susan's avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Susan</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">yesterday</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Phil Doe's avatar" src="themes/images/avatar4.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Phil Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 days ago</span>
										</div>

										<div>
											<span class="label label-info arrowed-in  arrowed-in-right">online</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alexa Doe's avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alexa Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 days ago</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>
							</div>

							<div class="center">
								<i class="icon-group icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all members &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div><!--member-tab-->

						<div id="comment-tab" class="tab-pane">
							<div class="comments">
								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Bob Doe's Avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<div class="inline position-relative">
											<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
												<i class="icon-angle-down icon-only bigger-120"></i>
											</button>

											<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
												<li>
													<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="left">
														<span class="green">
															<i class="icon-ok"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="left">
														<span class="orange">
															<i class="icon-remove"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
														<span class="red">
															<i class="icon-trash"></i>
														</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Jennifer's Avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jennifer</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="blue">15 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Joe's Avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="orange">22 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Rita's Avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Rita</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="red">50 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="hr hr8"></div>

							<div class="center">
								<i class="icon-comments-alt icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all comments &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div>
					</div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->
	<div class="span6">
		<div class="widget-box transparent" id="recent-box">
			<div class="widget-header">
				<h4 class="lighter smaller">
					<i class="icon-rss orange"></i>
					RECENT
				</h4>
				
				<div class="widget-toolbar no-border">
					<ul class="nav nav-tabs" id="recent-tab">
						<li class="active">
							<a data-toggle="tab" href="#task-tab">Tasks</a>
						</li>

						<li>
							<a data-toggle="tab" href="#member-tab">Members</a>
						</li>

						<li>
							<a data-toggle="tab" href="#comment-tab">Comments</a>
						</li>
					</ul>
				</div>
				<div class="widget-toolbar">
					<a data-action="collapse" href="#">
						<i class="icon-chevron-down"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main padding-4">
					<div class="tab-content padding-8">
						<div id="task-tab" class="tab-pane active">
							<h4 class="smaller lighter green">
								<i class="icon-list"></i>
								Sortable Lists
							</h4>

							<ul id="tasks" class="item-list">
								<li class="item-orange">
									<label class="inline">
										<input type="checkbox"/>
										<span class="lbl"> Answering customer questions</span>
									</label>

									<div class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
										<span class="percent">42</span>%
									</div>
								</li>

								<li class="item-red">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Fixing bugs</span>
									</label>

									<div class="pull-right">
										<div class="btn-group">
											<button class="btn btn-mini btn-info">
												<i class="icon-edit bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-danger ">
												<i class="icon-trash bigger-125"></i>
											</button>

											<button class="btn btn-mini btn-yellow">
												<i class="icon-flag bigger-125"></i>
											</button>
										</div>
									</div>
								</li>

								<li class="item-default">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new features</span>
									</label>

									<div class="inline pull-right position-relative">
										<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
											<i class="icon-angle-down icon-only bigger-120"></i>
										</button>

										<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-closer">
											<li>
												<a href="#" class="tooltip-success" data-rel="tooltip" title="Mark&nbsp;as&nbsp;done" data-plw8ment="left">
													<span class="green">
														<i class="icon-ok"></i>
													</span>
												</a>
											</li>

											<li>
												<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
													<span class="red">
														<i class="icon-trash"></i>
													</span>
												</a>
											</li>
										</ul>
									</div>
								</li>

								<li class="item-blue">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Upgrading scripts used in template</span>
									</label>
								</li>

								<li class="item-grey">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Adding new skins</span>
									</label>
								</li>

								<li class="item-green">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Updating server software up</span>
									</label>
								</li>

								<li class="item-pink">
									<label class="inline">
										<input type="checkbox" />
										<span class="lbl"> Cleaning up</span>
									</label>
								</li>
							</ul>
						</div>

						<div id="member-tab" class="tab-pane">
							<div class="clearfix">
								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/user.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">20 min</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Joe Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">1 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Jim Doe's avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jim Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 hour</span>
										</div>

										<div>
											<span class="label label-warning">pending</span>

											<div class="inline position-relative">
												<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
													<i class="icon-angle-down icon-only bigger-120"></i>
												</button>

												<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
													<li>
														<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="right">
															<span class="green">
																<i class="icon-ok"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="right">
															<span class="orange">
																<i class="icon-remove"></i>
															</span>
														</a>
													</li>

													<li>
														<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="right">
															<span class="red">
																<i class="icon-trash"></i>
															</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alex Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alex Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 hour</span>
										</div>

										<div>
											<span class="label label-important">blocked</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Bob Doe's avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 hour</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Susan's avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Susan</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">yesterday</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Phil Doe's avatar" src="themes/images/avatar4.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Phil Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">2 days ago</span>
										</div>

										<div>
											<span class="label label-info arrowed-in  arrowed-in-right">online</span>
										</div>
									</div>
								</div>

								<div class="itemdiv memberdiv">
									<div class="user">
										<img alt="Alexa Doe's avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Alexa Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">3 days ago</span>
										</div>

										<div>
											<span class="label label-success arrowed-in">approved</span>
										</div>
									</div>
								</div>
							</div>

							<div class="center">
								<i class="icon-group icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all members &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div><!--member-tab-->

						<div id="comment-tab" class="tab-pane">
							<div class="comments">
								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Bob Doe's Avatar" src="themes/images/avatar.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Bob Doe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="green">6 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<div class="inline position-relative">
											<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown">
												<i class="icon-angle-down icon-only bigger-120"></i>
											</button>

											<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
												<li>
													<a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-plw8ment="left">
														<span class="green">
															<i class="icon-ok"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-plw8ment="left">
														<span class="orange">
															<i class="icon-remove"></i>
														</span>
													</a>
												</li>

												<li>
													<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-plw8ment="left">
														<span class="red">
															<i class="icon-trash"></i>
														</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Jennifer's Avatar" src="themes/images/avatar1.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Jennifer</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="blue">15 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Joe's Avatar" src="themes/images/avatar2.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Joe</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="orange">22 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>

								<div class="itemdiv commentdiv">
									<div class="user">
										<img alt="Rita's Avatar" src="themes/images/avatar3.png" />
									</div>

									<div class="body">
										<div class="name">
											<a href="#">Rita</a>
										</div>

										<div class="time">
											<i class="icon-time"></i>
											<span class="red">50 min</span>
										</div>

										<div class="text">
											<i class="icon-quote-left"></i>
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis &hellip;
										</div>
									</div>

									<div class="tools">
										<a href="#" class="btn btn-minier btn-info">
											<i class="icon-only icon-pencil"></i>
										</a>

										<a href="#" class="btn btn-minier btn-danger">
											<i class="icon-only icon-trash"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="hr hr8"></div>

							<div class="center">
								<i class="icon-comments-alt icon-2x green"></i>

								&nbsp;
								<a href="#">
									See all comments &nbsp;
									<i class="icon-arrow-right"></i>
								</a>
							</div>

							<div class="hr hr-double hr8"></div>
						</div>
					</div>
				</div><!--/widget-main-->
			</div><!--/widget-body-->
		</div><!--/widget-box-->
	</div><!--/span-->
</div><!--/row-fluid-->
